<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>提交成功</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="./css/after_sale_success.css">
    <script src="../../js/base.js"></script>
</head>
<body>
<!--<header class="aui-bar aui-bar-nav aui-bar-top">-->
    <!--<a class="aui-pull-left aui-btn goBack" >-->
        <!--<span class="aui-iconfont aui-icon-left"></span>-->
    <!--</a>-->
    <!--<div class="aui-title">提交成功</div>-->
    <!--<div class="aui-pull-right aui-iconfont aui-icon-share " id="fenXiang"></div>-->

<!--</header>-->
<section id="app" v-cloak>
    <div v-if="navigator && navigator.onLine === true">
    <div class="successBg">
        <div style="position: relative">
            <img src="../../icon/2-2/success.png" alt="">
            提交成功
        </div>
        <div class="aui-flex-col aui-flex-item-12 telBtn">
            <div class="aui-flex-item-3 aui-flex-offset-3">
               联系小普
            </div>
            <div class="aui-flex-item-3">
                返回首页
            </div>
        </div>
        <div style="clear: both"></div>
        <div class="activity_img" id="coverPic">
            <img src="../../icon/2-2/pay_activity.png" alt="">
        </div>
        <div id ="shareDiv" style="z-index: 999999;" class="shareDiv"><img src="../../images/fenxiang.png"></div>
        <div class="alert">
            <div>
                <img src="../../icon/2-2/lingdang.png" alt="">
                <div style="margin-left: 1rem">安全提醒</div>
            </div>
            <div class="aui-font-size-12">
                小普不会通过任何非官方电话、QQ微信与您联系，也不会要求您点击链接进行退款或取消订单
            </div>
        </div>
    </div>

    <div>
        <div class="ui-flex-item-12 shop_tit">
            <div class=" "></div>
            <div  class="">您可能还想买</div>
            <div  class=""></div>
        </div>
        <div>
            <div class="aui-flex-item-12 " style="">
                <div class="aui-flex-col" style="background: #fff;padding-bottom: 0.5rem">
                    <div class="aui-flex-item-6 aui-padded-l-10 aui-padded-r-10" style="position: relative;border-right:1px solid #efefef"  v-for="goodsInfo in showGoodsList"  v-on:click="goDetail(goodsInfo.goods_id)">
                        <img v-bind:src="getImage(goodsInfo.goods_image)">
                        <h5 class="aui-text-warning">{{goodsInfo.goods_name}}</h5>
                        <div class="textColor" style="font-size: 1rem">{{goodsInfo.shop_price}}</div>
                        <span class="textCol" style="text-decoration:line-through;">{{goodsInfo.market_price}}</span>

                        <div class="textCol">
                            <span class="aui-font-size-12">已售:9999+</span>
                            <span class="aui-pull-right aui-font-size-12 aui-padded-t-5">99%好评</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div v-if="navigator && navigator.onLine === false" style="position:relative;" @click="goOnLine()">
        <div style="position:absolute;top:50%;left:50%;margin-top:8rem;margin-left: -3rem">
            <img src="../../icon/duanwang.png" alt="" style="width:6rem">
            <div class="aui-text-center">暂无网络</div>
        </div>

        <div  class="aui-text-center textCol" style="position:absolute;top:50%;left:50%;margin-top:15rem;margin-left: -86px">请连接网络后,点击刷新</div>
    </div>
</section>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/api.js"></script>
<script type="text/javascript" src="../../js/aui-toast.js"></script>
<script type="text/javascript" src="./js/after_sale_success.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../../js/weixin.js" ></script>

</body>
</html>